export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M384 192l0 128 496 0c8.8 0 16 7.2 16 16l0 480c0 8.8-7.2 16-16 16L272 832c-8.8 0-16-7.2-16-16l0-96c0-8.8 7.2-16 16-16l496 0L768 448 384 448l0 128L128 384 384 192z"></path>
            </svg>
        </span>
    )
}